<extend name="zh_tw:Public:base" />
<block name="title">
    <title>美住 - 會員圖表</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=bdf8875f9e52f651ec877dc7073586ed">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/ReportPage/common.css?rev=93c8af7edfcfa9b852672c525380fc4d">
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.css" />
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="zh_tw:Public:Include_control_navbar" navbar-menu-statistic="active" />
        <div id="doc-body" class="row">
            <include file="zh_tw:Public:Include_report_menu" doc-side-vip="active" />
            <div id="doc-center">
                <include file="zh_tw:Public:Include_report_header" title="會員收支" />
                <div class="content-panel" id="statisticOverview">
                    <div class="content-panel-header">
                        <div class="content-panel-title">會員總覽</div>
                    </div>
                    <div class="content-panel-body content-panel-body-without-padding">
                        <div class="content-panel-help">展示您客人與會員的比較情況。（統計規則:辦理退房時,壹個訂單算壹次入住。）</div>
                        <include file="zh_tw:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                        <div class="row text-sm border-box-horizontal-container">
                            <div class="col-xs-6 col-without-padding border-box-horizontal vertical-middle-block"  style="border-right: 1px dashed #dedede;">
                                <div class="vertical-middle-block-cell">
                                    <div id="checkinChart" class="chart-container"></div>
                                </div>
                            </div>
                            <div class="col-xs-6 col-without-padding border-box-horizontal vertical-middle-block">
                                <div class="vertical-middle-block-cell">
                                    <div id="paymentChart" class="chart-container"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content-panel">
                    <div class="content-panel-header">
                        <div class="content-panel-title">會員卡趨勢圖</div>
                    </div>
                    <div class="content-panel-body content-panel-body-vertical-padding">
                        <include file="zh_tw:Public:Include_content_loading" loading-container-id="" loading-title="hidden" />
                        <div id="tabSwitchChart" class="full-width-chart-container"></div>
                    </div>
                </div>                
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=d2d95b4bdc49c83470f104e88d8458fd"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/moment.js/2.9.0/moment.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="__PUBLIC__/jslib/highcharts/4.2.1/highcharts.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/ReportPage/vip.js?rev=e0bfe1985a64fefa7aa08a5c990d853d"></script>
</block>
